<!DOCTYPE html>
<html>
<title>Zabbix监控大屏</title>
<script src="lib\jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
<script src="lib\echarts.min.js"></script>
<script src="js\authGetAll.js"></script>
<script src="js\alertGet.js"></script>
<script src="js\main.js"></script>
<script src="js\ctrl.js"></script>
<script src="js\date.js"></script>

<body class="body">
    <link rel="stylesheet" href="css\body.css" type="text/css" />
    <div class="wrapper">
        <div class="head">
            <span class="head_title">Zabbix监控大屏</span>
            <div id="linkweb" class="clock"></div>
        </div>
        <div class="mid">
            <div class="mid_left">
                <div class="qingdao">
                    <span>青岛工厂实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>
                </div>
                <div class="yanfa">
                    <span>研发中心实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>

                </div>
                <div class="yuenan">
                    <span>越南工厂实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>

                </div>
                <div class="shenyang">
                    <span>沈阳工厂实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>

                </div>
                <div class="dongying">
                    <span>东营工厂实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>

                </div>
                <div class="actr">
                    <span>ACTR实时状况：</span><br>
                    <span>运行中主机数量： 446<br>
						监控中监控项数量： 9410<br>
						启用中触发器数量： 4156</span>

                </div>
            </div>
            <div class="mid_mid">
                <div class="mid_tu">
                    <div id="main" class="main"></div>
                </div>
                <div class="mid_baojing">
                    <span id="titile_baojing">当前报警信息：</span>
					<table border="1" class="table_baojing">
						<tr>
							<th>时间</th>
							<th>主机</th>
							<th>问题</th>
						</tr>
						<tr style="border: aqua;">
							<td>2021-04-04 17:25:15	</td>
							<td>navision(172.16.101.210)</td>
							<td>Free disk space is less than 20% on volume F:</td>
						</tr>
						<tr></tr>
					</table>
                </div>
            </div>
            <div class="mid_right">
				<table border="1" class="table_tongji">
					<tr>
						<th>主机</th>
						<th>次数</th>
					</tr>
					<tr>
						<td>navision(172.16.101.210)</td>
						<td>2</td>
					</tr>
					<tr>
						<td>navision(172.16.101.210)</td>
						<td>2</td>
					</tr>
					<tr>
						<td>navision(172.16.101.210)</td>
						<td>2</td>
					</tr>
					<tr>
						<td>navision(172.16.101.210)</td>
						<td>2</td>
					</tr>
				</table>
			</div>
        </div>
        <div class="foot">
			<img src="img/logo1.png" class="logo">
            <span class="foot_word"></span>
        </div>
    </div>
</body>
<!-- <script src="js\alertGetNow.js"></script> -->
<!-- <script src="js\hostGet.js"></script> -->
<!-- <script src="js\itemGet.js"></script> -->
<script>
    setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());", 1000);
</script>

</html>